{include file="admin@public/header"/}
<style type="text/css">
.ui_content {display: block;margin: 0 auto;width:360px;}
#tempName{width:200px}
.ui-input{width:200px;}
.operating .edit{display:none;}
#templateImport{}
#templateImport li{margin:10px 0;}
#templateDefault{vertical-align: middle;}
.in{
	border: 1px solid #ff0033;
	outline: none;
}
</style>

</head>
<body>
<div class="wrapper">
   <div class="mod-toolbar-top cf">
       <div class="fl mod-crumb">    
 <strong class="tit">套打模版</strong>
        </div>
        <div class="fr">
          <a class="ui-btn ui-btn-sc ui-btn-add" href="#" onclick="member_edit()" id='btnTemplateImport' >导入模板</a>
          <a class="ui-btn ui-btn-sc ui-btn-add" href="http://club.kingdee.com/forum.php?mod=viewthread&tid=1354720" target="_blank" style="margin-left: 8px;">更多免费模板</a>
        </div>
    </div>
	<form class="layui-form dn"  id="addform" name="addform" enctype="multipart/form-data"  >
	<input type="hidden" name="hidden1" id="hidden1" value="1"> <!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->
  <div class="layui-form-item">
    <label class="layui-form-label">模板类别</label>
    <div class="layui-input-block"style="width:53%; margin-top:10px" >
      <select name="templateType"  id='templateType' lay-filter="aihao" >
        <option value="0" >销售单</option>
        <option value="1">销售退货单</option>
        <option value="2" >采购单</option>
        <option value="3">网店订单</option>
        <option value="4" >运单</option>
        <option value="5">采购订单</option>
        <option value="6" >销售订单</option>
        <option value="7">收款单</option>
        <option value="8">付款单</option>
        <option value="9">资金转账单</option>
        <option value="10">组装单</option>
        <option value="11">其它入库单</option>
        <option value="12">其他出库单</option>
        <option value="13">调拔单</option>
        <option value="14">客户对账单</option>
      </select>
    </div>
  </div>
   <div class="layui-form-item" >
    <label class="layui-form-label">模板文件</label>
      <input type="file" name="file[]" id="file"  multiple="multiple" style="margin-top:7px;" >
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">模板名称</label>
    <div class="layui-input-block " style="width:53%;" id="name">
      <input type="text" name="templateName" id="templateName" name='templateName'  class="layui-input">
      <div style=" height:5px;" id="na"></div>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">模板描述</label>
    <div class="layui-input-block" style="width:53%;">
      <input type="text" id="templateDesribe" name="templateDesribe"class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label" >模板编码</label>
    <div class="layui-input-block" id="bm" style="width:53%;">
      <input type="text" name="postcode" id='postcode' class="layui-input" >
      <div style=" height:5px;" id="naa"></div>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">默认模板</label>
    <div class="layui-input-block" style="width:53%;">
      <input type="checkbox" name="templateDefault" id='templateDefault' checked="true" lay-skin="switch">
    </div>
  </div>
  <div class="layui-form-item">
    <div class="layui-input-block">
     <!--  <button class="layui-btn" onclick="addte()" lay-submit lay-filter="*">立即提交</button> -->
      <input  class="layui-btn" onclick="addte()" value="提交" >
      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
  </div>
  <!-- 更多表单结构排版请移步文档左侧【页面元素-表单】一项阅览 -->
</form>
<div id="sear" class="grid-wrap">
    <table id="grid">
    </table>
    <div id="page"></div>
  </div>
<script src="layui.js"></script>
<script type="text/javascript">
	$("#grid").jqGrid({
        url: '/system/template/index.html?ajax=100',
        datatype: "json",//数据来源，本地数据（local，json,jsonp,xml等）
        height: '650px',//高度，表格高度。可为数值、百分比或'auto'
        //width: Public.setGrid().w,
        //height: Public.setGrid().h,
        colNames: ["操作", "名称", "类别", "模板类型","默认模板"],
        colModel: [
          { name: 'id',index:'id' ,width: 150,formatter:cz},
          { name: 'system_template', index: 'system_template', width: 200 },
          { name: 'template_name', index: 'template_name', width: 100},
          { name: 'template_category', index: 'template_category', width: 200 },
          { name: 'template_type', index: 'template_type', width: 300 },

        ],
        rowNum: 90,
        rowList: [90, 60, 30],
        sortname: 'id',
        sortorder: "desc",
        pagerpos: "left",//分页位置

        pgbuttons: true,//翻页按钮
        pagination: true,
        altRows: !0,
        gridview: !0,
        shrinkToFit: !1,
        cellLayout: 8,
        autowidth: !0,
        pager: "#page",
        viewrecords: !0,
        cmTemplate: {
          sortable: !1,
          title: !1
        },
        loadError: function (t, e, i) {
          parent.Public.tips({
            type: 1,
            content: "操作失败了哦，请检查您的网络链接！"
          })
        }
      });
	function cz(cellvalue, options, rowObject){
		return '<div style="margin-left:34%;"><a href="#" class="ui-icon-trash" style="float: left;"><span class="ui-icon ui-icon-plus"></span></a><a href="#" onclick="del(' + rowObject.id +')" style=" float: left;margin-left: 20px;"><span class="ui-icon ui-icon-trash"></span></a></div>';
		// console.log(cellvalue);
	}
			// +------------------
			// +	上传文件和表单
			// +------------------
	function member_edit(){
		layer.open({
			type:1,
			area: ['600px', '500'],
			content:$('#addform'),
		});
	}
	function addte(){
		var file =$("#file").val();
		if (file=='') {
			layer.msg('请选择文件',{icon:2,time:1000});
			return false;
		}
		var file =$("#file")[0].files[0];//获取文件
		var templateName =$("#templateName").val();
		var templateDesribe =$("#templateDesribe").val();
		var postcode =$("#postcode").val();
		var templateDefault=$("#templateDefault");
		if (templateDefault.prop('checked')) {
			templateDefault=0;
		}else{
			templateDefault=1;
		}
		if (templateName=='') {
			layer.msg('模板名称必须填',{icon:2,time:1000});
			$("#templateDesribe").addClass("in");
			$("#templateName").addClass("in");
			// $("#na").after("<p>*名称必填</p>");
			$("#postcode").addClass("in");
			// $("#naa").after("<p>*编码必填</p>");
			return false;
		}
		if (templateDesribe=='') {
			layer.msg('模板描述必须填',{icon:2,time:1000});
			$("#templateName").attr('class','layui-input');
			$("#postcode").addClass("in");
			$("#templateDesribe").addClass("in");
			return false;
		}
		if (postcode=='') {
			layer.msg('模板编码必须填',{icon:2,time:1000});
			$("#templateDesribe").attr('class','layui-input');
			$("#postcode").addClass("in");
			// $("#bm").after("<p>*编码必填</p>");
			return false;
		}
		var fromdata = new FormData();//实例化 FormData 用于ajax模拟表单提交
		fromdata.append('file', file);//上传表单
		fromdata.append('templateType',$("#templateType").val());//获取文件类型 追加到表单提交
		fromdata.append('templateName',$("#templateName").val());//模板名称 追加到表单提交
		fromdata.append('templateDesribe',$("#templateDesribe").val());//模板描述 追加到表单提交
		fromdata.append('postcode',$("#postcode").val());
		fromdata.append('templateDefault',templateDefault);//默认模板 追加到表单提交
			$.ajax({
				type:"post",
				url:"cs",
				datatype:"json",
				data:fromdata,
				processData: false,
				contentType: false,
					success:function(data){
						if (data.code==1) {
							window.location.reload();
						}else{
							layer.msg(data.msg);
						}
						},
					error:function(da){
						alert('请求失败');
					},
			});
	}
			// +------------------
			// +	上传文件和表单 结束
			// +------------------

			// +------------------
			// +		删除功能
			// +------------------
	function del(id){
		layer.confirm('确定删除吗',{icon:3,title:'提示'},function(){
			$.ajax({
				type:"post",
				url:"del",
				datatype:"json",
				data:{id:id,},
					success:function(date){
						if (date.code==1) {
							layer.msg('删除成功',{icon:1,time:1000});
							$("#grid").jqGrid('setGridParam').trigger("reloadGrid"); //重新载入
						}else{
							layer.msg('删除失败',{icon:2,time:1000});
						}
					},
					error:function(da){
						layer.alert('请求失败');
					},
			})
		})
	}
			// +------------------
			// +		删除功能结束
			// +------------------
</script>
</body>
{include file="admin@public/footer"/}